<!DOCTYPE html>
<html>

<head>
</head>

<body class="fixed">
    <div class="row mb-4">
        <div class="col-xs-12 col-sm-12">
            <div class="card">
                <div class="card-header">

                </div>
                <div class="card-body">
                    <div class="caption text-center" style="background:url('/static/img/banner.svg') repeat">
                        <h1>数据无限，万物互联</h1>
                        <p>跨越网络界限，打通数据孤岛</p>
                        <a class="btn btn-success" href="/static/downloadFile/网关配置工具.zip">下载网关配置工具</a>
                        <a class="btn btn-success" href="/static/downloadFile/旧版网关配置工具.zip">下载旧版网关配置工具</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row mb-4" ng-show="useServiceControl">
        <div class="col-xs-3 col-sm-3">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="fs-17 font-weight-600 mb-0">监视进程</h6>
                            <small>主进程：监视进程会保持每个进程的运行</small>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <p>运行状态</p>
                    <div class="toggle-button-wrapper" ng-click="damonClick()">
                        <input type="checkbox" class="mytoggle-button" name="switch"
                            ng-model="daemonRunning" >
                        <label class="button-label">
                            <span class="circle"></span>
                            <span class="text on">运行</span>
                            <span class="text off">停止</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-3 col-sm-3">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="fs-17 font-weight-600 mb-0">协议服务</h6>
                            <small>报文转发：协议报文处理的主要服务</small>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <p>运行状态</p>
                    <div class="toggle-button-wrapper" ng-click="protocolClick()">
                        <input type="checkbox" class="mytoggle-button" name="switch"
                            ng-model="protocolRunning" ng-disabled="daemonRunning">
                        <label class="button-label">
                            <span class="circle"></span>
                            <span class="text on">运行</span>
                            <span class="text off">停止</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-3 col-sm-3">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="fs-17 font-weight-600 mb-0">数据连接服务</h6>
                            <small>物联网连接：网关设备连接的主要服务</small>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <p>运行状态</p>
                    <div class="toggle-button-wrapper" ng-click="mqttClick()">
                        <input type="checkbox" class="mytoggle-button" name="switch"
                            ng-model="mqttRunning" ng-disabled="daemonRunning">
                        <label class="button-label">
                            <span class="circle"></span>
                            <span class="text on">运行</span>
                            <span class="text off">停止</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-3 col-sm-3">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="fs-17 font-weight-600 mb-0">WEB服务</h6>
                            <small>注意：停止此服务将无法再使用本网页控制</small>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <p>运行状态</p>
                    <div class="toggle-button-wrapper" ng-click="webClick()">
                        <input type="checkbox" class="mytoggle-button" name="switch"
                            ng-model="webRunning" ng-disabled="daemonRunning">
                        <label class="button-label">
                            <span class="circle"></span>
                            <span class="text on">运行</span>
                            <span class="text off">停止</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>